<!doctype html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
    <title>地图</title>
    <link rel="stylesheet" href="plugins/bootstrap/dist/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="plugins/bootstrap-submenu/css/bootstrap-submenu.min.css"/>
    <!--<link rel="stylesheet" href="plugins/jqueryui/css/jquery-ui.1.9.2.css"/>-->
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css"/>
    <link rel="stylesheet" href="plugins/jqueryui/css/jquery-ui-timepicker-addon.min.css"/>
    <link rel="stylesheet" href="css/search.css"/>
    <link rel="stylesheet" href="css/amapBox.css"/>
    <link rel="stylesheet" href="css/aroundbox.css"/>
    <link rel="stylesheet" href="css/banche.css"/>
    <link rel="stylesheet" href="css/loginbox.css"/>
</head>

<body>
<div class="header">
    <ul class="nav nav-tabs">
        <li role="presentation" class="nav-li dropdown">
            <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
                静态内容 <span class="caret"></span>
            </a>
            <ul class="dropdown-menu">
                <li class="click-item" data-key="guanjianjiedian"><a href="#">关键节点展示</a></li>
                <li class="click-item" data-key="guanjiantongdao"><a href="#">关键通道展示</a></li>
            </ul>
        </li>
        <li role="presentation" class="nav-li dropdown">
            <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
                动态内容 <span class="caret"></span>
            </a>
            <ul class="dropdown-menu">
                <li class="click-item" data-key="jingzhanggaotie"><a href="#">京张高铁</a></li>
                <li class="click-item" data-key="jichangbashi"><a href="#">机场巴士</a></li>
                <li class="click-item" data-key="lukuang"><a href="#">北京市交通路况</a></li>
            </ul>
        </li>
        <li role="presentation" class="nav-li click-item" data-key="lujingguihua"><a href="#">路径规划</a></li>
        <li role="presentation" class="nav-li click-item" data-key="bancheshike"><a href="#">班车时刻</a></li>
    </ul>
    <div id="loginbox" class="usel loginbox" >
        <div class="avatar logintip" data-spm-anchor-id="0.0.0.i9.6b8e1c4eNF8tCq"><img
                src="//aos-cdn-image.amap.com/pp/avatar/16d/ee/fd/256106884.jpeg?ver=1545731879&amp;imgoss=1"
                data-spm-anchor-id="0.0.0.i8.6b8e1c4eNF8tCq"></div>
        <div class="user-panel" >
            <div class="user-triangle"></div>
            <div class="user-head" data-spm-anchor-id="0.0.0.i10.6b8e1c4eNF8tCq">
                <div class="login-banner clearfix">
                    <div class="text-notice"><p>登录后可享受</p>
                        <p>更多贴心服务</p></div>
                    <div class="login-btn" data-spm-anchor-id="0.0.0.i4.6b8e1c4ePJ5WXn">登录</div>
                </div>
                <div class="user-info">
                    <a class="user-portrait" href="http://id.amap.com/user/" target="_blank">
                        <img src="//aos-cdn-image.amap.com/pp/avatar/16d/ee/fd/256106884.jpeg?ver=1545731879&amp;imgoss=1">
                    </a>
                    <a class="user-name ellipsis" target="_blank">用户</a>
                </div>
            </div>
            <div class="func-list">
                <div class="func-item shenfen" data-type="faves">
                    <i class="iconfont icon-lushu"></i>
                    <span class="text-notice">
                        身份：<span class="shenfen-val">观众</span>
                    </span>
                    <ul class="dropdown-menu shenfen-list" >
                        <li><a class="select" data-key="观众">观众</a></li>
                        <li><a data-key="注册媒体">注册媒体</a></li>
                        <li><a data-key="运动员">运动员</a></li>
                        <li><a data-key="奥林匹克大家庭">奥林匹克大家庭</a></li>
                    </ul>
                </div>
                <div class="func-item history" data-type="faves">
                    <i class="iconfont icon-history"></i>
                    <span class="text-notice">历史出行记录</span>
                </div>


                <div class="func-item quit-login" data-type="quit-login">
                    <i class="iconfont icon-exit"></i>
                    <span class="text-notice">退出登录</span>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="body">
    <div id="container" class="map" tabindex="0"></div>
    <!--搜索模块-->
    <div class="keyword-search filtercanvas guanjianjiedian hide">
        <!--<section id="search" class="search">-->
            <!--<header class="searchbox">-->
                <!--<img class="usel logo"-->
                     <!--src=""-->
                     <!--draggable="false">-->
                <!--<div id="nearbybox">-->
                    <!--<div id="nearby">-->
                        <!--<span>在</span><span class="poiname">天安门...</span><span>周边搜</span>-->
                        <!--<input type="text" id="nearbyipt" autocomplete="off"/>-->
                    <!--</div>-->
                    <!--<div id="nearbyclosewrap">-->
                        <!--<i id="nearbyclose" class="iconfont icon-close"></i>-->
                    <!--</div>-->
                    <!--<div id="nearbybtn">-->
                        <!--<i class="iconfont icon-search nearbylogo"></i>-->
                        <!--<span id="nearbyloading" class="ring"></span>-->
                    <!--</div>-->
                <!--</div>-->

                <!--<div class="iptbox">-->
                    <!--<input type="text" id="searchipt" placeholder="搜索位置、公交站、地铁站" maxlength="256" autocomplete="off"/>-->

                    <!--<div id="searchbtn" class="usel">-->
                        <!--<i class="iconfont icon-search searchlogo icontip" title="搜索"></i>-->

                        <!--<span id="searchloading" class="ring"></span>-->
                    <!--</div>-->
                <!--</div>-->

                <!--<div class="direntry usel">-->
                    <!--<img class="fa-dir icontip" title="路径规划"-->
                         <!--src=""-->
                         <!--draggable="false">-->
                    <!--<i class="close-btn iconfont icon-close"></i>-->
                <!--</div>-->
            <!--</header>-->
            <!--<div class="amap-search-panctrl">-->

            <!--</div>-->
            <!--<div class="dtrigger dragtop"></div>-->
            <!--<div class="dtrigger dragbottom"></div>-->
            <!--<div class="dtrigger dragleft"></div>-->
            <!--<div class="dtrigger dragright"></div>-->
        <!--</section>-->
        <section id="amapBox" class="amap-box fs-box" style="display: block; overflow: visible;">
            <div class="translate-box" data-slide-d="0" style="transform: translateY(0px);">
                <section class="tab-c panel-box">
                    <div class="panel-list">
                        <div class="around-panel panel" style="display: block;">
                            <div id="aroundbox" class="around-box real-height-box">
                                <div class="recommend-c clearfix">
                                    <div class="item keyfilter-item" data-type="search" keyword="机场"
                                         data-spm-anchor-id="0.0.0.i6.5fd81c4ehDDuzm">
                                        <div class="img-c"><img src="img/search_airport.png"
                                                                data-spm-anchor-id="0.0.0.i2.5fd81c4ehDDuzm"></div>
                                        <p class="name ellipsis">机场</p></div>
                                    <div class="item keyfilter-item" data-type="search" keyword="火车站">
                                        <div class="img-c"><img src="img/search_train_station.png"></div>
                                        <p class="name ellipsis">火车站</p></div>
                                    <div class="item keyfilter-item" data-type="search" keyword="汽车站">
                                        <div class="img-c"><img src="img/search_bus_station.png"></div>
                                        <p class="name ellipsis">汽车站</p></div>
                                    <div class="item keyfilter-item" data-type="search" keyword="服务区"
                                         data-spm-anchor-id="0.0.0.i1.5fd81c4ehDDuzm">
                                        <div class="img-c"><img src="img/search_service_area.png"></div>
                                        <p class="name ellipsis">服务区</p></div>
                                    <div class="item keyfilter-item" data-type="search" keyword="比赛场馆"
                                         data-spm-anchor-id="0.0.0.i1.5fd81c4ehDDuzm">
                                        <div class="img-c"><img src="img/search_stadium.png"></div>
                                        <p class="name ellipsis">比赛场馆</p></div>
                                    <div class="item keyfilter-item" data-type="search" keyword="运行中心"
                                         data-spm-anchor-id="0.0.0.i1.5fd81c4ehDDuzm">
                                        <div class="img-c"><img src="img/search_operation_center.png"></div>
                                        <p class="name ellipsis">运行中心</p></div>
                                    <div class="item keyfilter-item" data-type="search" keyword="媒体中心"
                                         data-spm-anchor-id="0.0.0.i1.5fd81c4ehDDuzm">
                                        <div class="img-c"><img src="img/search_media.png"></div>
                                        <p class="name ellipsis">媒体中心</p></div>
                                    <div class="item keyfilter-item" data-type="search" keyword="酒店"
                                         data-spm-anchor-id="0.0.0.i1.5fd81c4ehDDuzm">
                                        <div class="img-c"><img src="https://a.amap.com/pc/static/img/search_hotel.png"></div>
                                        <p class="name ellipsis">酒店</p></div>
                                    <div class="item keyfilter-item" data-type="search" keyword="医院"
                                         data-spm-anchor-id="0.0.0.i1.5fd81c4ehDDuzm">
                                        <div class="img-c"><img src="img/search_hospital.png"></div>
                                        <p class="name ellipsis">医院</p></div>
                                </div>
                                <div class="active_banner"></div>

                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </section>
    </div>
    <!--搜索模块-->
    <div class="keyword-search filtercanvas guanjiantongdao hide">
        <!--<section id="search" class="search">-->
            <!--<header class="searchbox">-->
                <!--<img class="usel logo"-->
                     <!--src=""-->
                     <!--draggable="false">-->
                <!--<div id="nearbybox">-->
                    <!--<div id="nearby">-->
                        <!--<span>在</span><span class="poiname">天安门...</span><span>周边搜</span>-->
                        <!--<input type="text" id="nearbyipt" autocomplete="off"/>-->
                    <!--</div>-->
                    <!--<div id="nearbyclosewrap">-->
                        <!--<i id="nearbyclose" class="iconfont icon-close"></i>-->
                    <!--</div>-->
                    <!--<div id="nearbybtn">-->
                        <!--<i class="iconfont icon-search nearbylogo"></i>-->
                        <!--<span id="nearbyloading" class="ring"></span>-->
                    <!--</div>-->
                <!--</div>-->

                <!--<div class="iptbox">-->
                    <!--<input type="text" id="searchipt" placeholder="搜索位置、公交站、地铁站" maxlength="256" autocomplete="off"/>-->

                    <!--<div id="searchbtn" class="usel">-->
                        <!--<i class="iconfont icon-search searchlogo icontip" title="搜索"></i>-->

                        <!--<span id="searchloading" class="ring"></span>-->
                    <!--</div>-->
                <!--</div>-->

                <!--<div class="direntry usel">-->
                    <!--<img class="fa-dir icontip" title="路径规划"-->
                         <!--src=""-->
                         <!--draggable="false">-->
                    <!--<i class="close-btn iconfont icon-close"></i>-->
                <!--</div>-->
            <!--</header>-->
            <!--<div class="amap-search-panctrl">-->

            <!--</div>-->
            <!--<div class="dtrigger dragtop"></div>-->
            <!--<div class="dtrigger dragbottom"></div>-->
            <!--<div class="dtrigger dragleft"></div>-->
            <!--<div class="dtrigger dragright"></div>-->
        <!--</section>-->
        <section id="amapBox" class="amap-box fs-box" style="display: block; overflow: visible;">
            <div class="translate-box" data-slide-d="0" style="transform: translateY(0px);">
                <section class="tab-c panel-box">
                    <div class="panel-list">
                        <div class="around-panel panel" style="display: block;">
                            <div class="around-box real-height-box">
                                <div class="recommend-c route clearfix">
                                    <div class="item meishi-item" data-type="tielu" keyword="铁路"
                                         data-spm-anchor-id="0.0.0.i6.5fd81c4ehDDuzm">
                                        <div class="img-c"><img src="img/tielu.png"
                                                                data-spm-anchor-id="0.0.0.i2.5fd81c4ehDDuzm"></div>
                                        <p class="name ellipsis">铁路</p></div>
                                    <div class="item hotel-item" data-type="gaosu" keyword="高速/国道/省道">
                                        <div class="img-c"><img src="img/gaosu.png"></div>
                                        <p class="name ellipsis">高速/国道/省道</p></div>
                                    <div class="item scenic-item" data-type="chengqu" keyword="城区">
                                        <div class="img-c"><img src="img/city.png"></div>
                                        <p class="name ellipsis">城区</p></div>
                                </div>
                                <div class="active_banner"></div>

                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </section>
    </div>
    <!--搜索模块-->
    <div class="keyword-search filtercanvas jingzhanggaotie hide">
        <!--<section id="search" class="search">-->
        <!--<header class="searchbox">-->
        <!--<img class="usel logo"-->
        <!--src=""-->
        <!--draggable="false">-->
        <!--<div id="nearbybox">-->
        <!--<div id="nearby">-->
        <!--<span>在</span><span class="poiname">天安门...</span><span>周边搜</span>-->
        <!--<input type="text" id="nearbyipt" autocomplete="off"/>-->
        <!--</div>-->
        <!--<div id="nearbyclosewrap">-->
        <!--<i id="nearbyclose" class="iconfont icon-close"></i>-->
        <!--</div>-->
        <!--<div id="nearbybtn">-->
        <!--<i class="iconfont icon-search nearbylogo"></i>-->
        <!--<span id="nearbyloading" class="ring"></span>-->
        <!--</div>-->
        <!--</div>-->

        <!--<div class="iptbox">-->
        <!--<input type="text" id="searchipt" placeholder="搜索位置、公交站、地铁站" maxlength="256" autocomplete="off"/>-->

        <!--<div id="searchbtn" class="usel">-->
        <!--<i class="iconfont icon-search searchlogo icontip" title="搜索"></i>-->

        <!--<span id="searchloading" class="ring"></span>-->
        <!--</div>-->
        <!--</div>-->

        <!--<div class="direntry usel">-->
        <!--<img class="fa-dir icontip" title="路径规划"-->
        <!--src=""-->
        <!--draggable="false">-->
        <!--<i class="close-btn iconfont icon-close"></i>-->
        <!--</div>-->
        <!--</header>-->
        <!--<div class="amap-search-panctrl">-->

        <!--</div>-->
        <!--<div class="dtrigger dragtop"></div>-->
        <!--<div class="dtrigger dragbottom"></div>-->
        <!--<div class="dtrigger dragleft"></div>-->
        <!--<div class="dtrigger dragright"></div>-->
        <!--</section>-->
        <section id="amapBox" class="amap-box fs-box" style="display: block; overflow: visible;">
            <div class="translate-box" data-slide-d="0" style="transform: translateY(0px);">
                <section class="tab-c panel-box">
                    <div class="panel-list">
                        <div class="around-panel panel" style="display: block;">
                            <div class="around-box real-height-box">
                                <div class="recommend-c route clearfix">
                                    <div class="item meishi-item" data-type="search" keyword="京张高铁"
                                         data-spm-anchor-id="0.0.0.i6.5fd81c4ehDDuzm">
                                        <div class="img-c"><img src="img/jingzhanggaotie.png"
                                                                data-spm-anchor-id="0.0.0.i2.5fd81c4ehDDuzm"></div>
                                        <p class="name ellipsis">京张高铁</p></div>
                                </div>
                                <div class="active_banner"></div>

                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </section>
    </div>
    <!--搜索模块-->
    <div class="keyword-search filtercanvas jichangbashi hide">
        <!--<section id="search" class="search">-->
        <!--<header class="searchbox">-->
        <!--<img class="usel logo"-->
        <!--src=""-->
        <!--draggable="false">-->
        <!--<div id="nearbybox">-->
        <!--<div id="nearby">-->
        <!--<span>在</span><span class="poiname">天安门...</span><span>周边搜</span>-->
        <!--<input type="text" id="nearbyipt" autocomplete="off"/>-->
        <!--</div>-->
        <!--<div id="nearbyclosewrap">-->
        <!--<i id="nearbyclose" class="iconfont icon-close"></i>-->
        <!--</div>-->
        <!--<div id="nearbybtn">-->
        <!--<i class="iconfont icon-search nearbylogo"></i>-->
        <!--<span id="nearbyloading" class="ring"></span>-->
        <!--</div>-->
        <!--</div>-->

        <!--<div class="iptbox">-->
        <!--<input type="text" id="searchipt" placeholder="搜索位置、公交站、地铁站" maxlength="256" autocomplete="off"/>-->

        <!--<div id="searchbtn" class="usel">-->
        <!--<i class="iconfont icon-search searchlogo icontip" title="搜索"></i>-->

        <!--<span id="searchloading" class="ring"></span>-->
        <!--</div>-->
        <!--</div>-->

        <!--<div class="direntry usel">-->
        <!--<img class="fa-dir icontip" title="路径规划"-->
        <!--src=""-->
        <!--draggable="false">-->
        <!--<i class="close-btn iconfont icon-close"></i>-->
        <!--</div>-->
        <!--</header>-->
        <!--<div class="amap-search-panctrl">-->

        <!--</div>-->
        <!--<div class="dtrigger dragtop"></div>-->
        <!--<div class="dtrigger dragbottom"></div>-->
        <!--<div class="dtrigger dragleft"></div>-->
        <!--<div class="dtrigger dragright"></div>-->
        <!--</section>-->
        <section id="amapBox" class="amap-box fs-box" style="display: block; overflow: visible;">
            <div class="translate-box" data-slide-d="0" style="transform: translateY(0px);">
                <section class="tab-c panel-box">
                    <div class="panel-list">
                        <div class="around-panel panel" style="display: block;">
                            <div class="around-box real-height-box">
                                <div class="recommend-c route clearfix">
                                    <div class="item meishi-item" data-type="search" keyword="机场巴士"
                                         data-spm-anchor-id="0.0.0.i6.5fd81c4ehDDuzm">
                                        <div class="img-c"><img src="img/jichangbashi.png"
                                                                data-spm-anchor-id="0.0.0.i2.5fd81c4ehDDuzm"></div>
                                        <p class="name ellipsis">机场巴士</p></div>
                                </div>
                                <div class="active_banner"></div>

                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </section>
    </div>
    <div class="filtercanvas jichangbashi ditietu hide">

    </div>
    <!--搜索模块-->
    <div class="keyword-search filtercanvas lukuang hide">
        <!--<section id="search" class="search">-->
        <!--<header class="searchbox">-->
        <!--<img class="usel logo"-->
        <!--src=""-->
        <!--draggable="false">-->
        <!--<div id="nearbybox">-->
        <!--<div id="nearby">-->
        <!--<span>在</span><span class="poiname">天安门...</span><span>周边搜</span>-->
        <!--<input type="text" id="nearbyipt" autocomplete="off"/>-->
        <!--</div>-->
        <!--<div id="nearbyclosewrap">-->
        <!--<i id="nearbyclose" class="iconfont icon-close"></i>-->
        <!--</div>-->
        <!--<div id="nearbybtn">-->
        <!--<i class="iconfont icon-search nearbylogo"></i>-->
        <!--<span id="nearbyloading" class="ring"></span>-->
        <!--</div>-->
        <!--</div>-->

        <!--<div class="iptbox">-->
        <!--<input type="text" id="searchipt" placeholder="搜索位置、公交站、地铁站" maxlength="256" autocomplete="off"/>-->

        <!--<div id="searchbtn" class="usel">-->
        <!--<i class="iconfont icon-search searchlogo icontip" title="搜索"></i>-->

        <!--<span id="searchloading" class="ring"></span>-->
        <!--</div>-->
        <!--</div>-->

        <!--<div class="direntry usel">-->
        <!--<img class="fa-dir icontip" title="路径规划"-->
        <!--src=""-->
        <!--draggable="false">-->
        <!--<i class="close-btn iconfont icon-close"></i>-->
        <!--</div>-->
        <!--</header>-->
        <!--<div class="amap-search-panctrl">-->

        <!--</div>-->
        <!--<div class="dtrigger dragtop"></div>-->
        <!--<div class="dtrigger dragbottom"></div>-->
        <!--<div class="dtrigger dragleft"></div>-->
        <!--<div class="dtrigger dragright"></div>-->
        <!--</section>-->
        <section id="amapBox" class="amap-box fs-box" style="display: block; overflow: visible;">
            <div class="translate-box" data-slide-d="0" style="transform: translateY(0px);">
                <section class="tab-c panel-box">
                    <div class="panel-list">
                        <div class="around-panel panel" style="display: block;">
                            <div class="around-box real-height-box">
                                <div class="recommend-c route clearfix">
                                    <div class="item meishi-item" data-type="search" keyword="北京市交通路况"
                                         data-spm-anchor-id="0.0.0.i6.5fd81c4ehDDuzm">
                                        <div class="img-c"><img src="img/lukuang.png"
                                                                data-spm-anchor-id="0.0.0.i2.5fd81c4ehDDuzm"></div>
                                        <p class="name ellipsis">北京市交通路况</p></div>
                                </div>
                                <div class="active_banner"></div>

                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </section>
    </div>
    <!--路径规划输入模块-->
    <div id="dirBox" class="filtercanvas lujingguihua hide">
        <div id="planForm">
            <ul class="tabs dir_tab col3 z-depth-1 clearfix" id="trafficTab">
                <li>
                    <a id="carTab" class="palntype_tab icon-car icondirtip" href="javascript:void(0)" data-type="car"></a>
                </li>
                <li>
                    <a id="busTab" class="palntype_tab icon-bus icondirtip current" href="javascript:void(0)" data-type="bus"></a>
                </li>
                <li>
                    <a id="walkTab" class="palntype_tab icon-walk icondirtip" href="javascript:void(0)" data-type="walk"></a>
                </li>
            </ul>
            <!--<i class="dir_close iconfont icon-close" data-spm-anchor-id="0.0.0.i2.42e51c4eEIOYbj"></i>-->
            <div class="line-search">
                <div class="line-search-left icon_exchange" id="dir_exchange">
                    <i class="iconfont icon-switchroute"></i>
                </div>
                <div class="line-search-form">
                    <p class="line_serch_ipt line-search-from">
                        <label>起 </label>
                        <input type="text" class="dir_ipt" id="dir_from_ipt" dirtype="from" placeholder="请输入起点" value="" autocomplete="off" data-spm-anchor-id="0.0.0.i8.42e51c4eEIOYbj">
                        <span class="del-item" style="display: none;"></span>
                    </p>
                    <div class="passList"></div>
                    <p class="line_serch_ipt line-search-to">
                        <label>终 </label>
                        <input type="text" class="dir_ipt" id="dir_to_ipt" dirtype="to" placeholder="请输入终点" value="" autocomplete="off">
                        <span class="del-item" style="display: none;"></span>
                    </p>
                    <div class="time-select">
                        <input type="text" maxlength="8" class="form-control form-control-input startDate">
                        <select class="form-control">
                            <option>出发时间</option>
                            <option>到达时间</option>
                        </select>
                    </div>
                    <p class="line-search-submit">

                        <!--<a href="javascript:void(0)" class="line-search-clear none">清除路线</a>-->
                        <a href="javascript:void(0)" class="dir_submit">查询</a>
                        <span class="fa-spin"></span>
                    </p>
                </div>
                <!--<a href="javascript:void(0)" class="line-search-right icon_add" id="via_add"></a>-->
            </div>
        </div>
    </div>
    <!--班车时刻输入模块-->
    <div class="filtercanvas bancheshike hide">
        <div class="input-card" style="width:18rem;">
            <div class="input-item">
                <div class="input-item-prepend"><span class="input-item-text">线路名称</span></div>
                <input id="busLineName" type="text" value="">
            </div>
            <input id="banche-search" type="button" class="btn" value="查询">
        </div>
        <div class="panel panel-default jichangbashi-panel hide">
            <!-- Default panel contents -->
            <div class="panel-heading">2月15日-2月18日(Feb 15 - Feb 18)</div>
            <div class="panel-body table-container"></div>
        </div>


    </div>

    <div id="pickerBox">
        <div id="poiInfo"></div>
    </div>
    <div id="routeBox">
        <div id="routeInfo"></div>
    </div>

</div>


<!--<div class="input-card" style="width:24rem;">-->
<!--<h4>设置地图当前行政区</h4>-->
<!--<div class="input-item">-->
<!--<input id='city-name' placeholder="北京市" type="text" style="margin-right:1rem;">-->
<!--<button class="btn" id="query">去指定城市</button>-->
<!--</div>-->
<!--<div class="input-item">-->
<!--<button class="btn" id="lukaung-btn">显示实时路况</button>-->
<!--</div>-->
<!--</div>-->
<script type="text/javascript"
        src='https://webapi.amap.com/maps?v=1.4.15&key=dcfd6955a1af7e5eda471cd4bf631724&plugin=AMap.Autocomplete&plugin=AMap.CitySearch&plugin=AMap.Driving&plugin=AMap.Transfer&plugin=AMap.Walking&plugin=AMap.LineSearch'></script>
<script type="text/javascript" src="https://cache.amap.com/lbs/static/addToolbar.js"></script>
<!-- UI组件库 1.0 -->
<script type="text/javascript" src="https://webapi.amap.com/ui/1.0/main.js?v=1.0.11"></script>
<script type="text/javascript" src="plugins/jquery/jquery.min.3.3.1.js"></script>
<!--<script type="text/javascript" src="plugins/jqueryui/js/jquery-ui.min.1.9.2.js"></script>-->
<!--<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></script>-->
<script type="text/javascript" src="http://code.jquery.com/ui/1.11.0/jquery-ui.min.js"></script>
<script type="text/javascript" src="plugins/jqueryui/js/jquery.ui.datepicker-zh-CN.min.1.9.2.js"></script>
<script type="text/javascript" src="plugins/jqueryui/js/jquery-ui-timepicker-addon.js"></script>
<script type="text/javascript" src="plugins/jqueryui/i18n/jquery-ui-timepicker-addon-i18n.min.js"></script>

<script type="text/javascript" src="plugins/jqueryui/js/jquery-ui-sliderAccess.js"></script>
<script type="text/javascript" src="plugins/bootstrap/js/popper.min.js"></script>
<script type="text/javascript" src="plugins/bootstrap/js/bootstrap4.min.js"></script>
<script type="text/javascript" src="plugins/bootstrap-submenu/js/bootstrap-submenu.min.js"></script>
<script type="text/javascript" src="plugins/bootstrap-submenu/js/bootstrap-hover-dropdown.min.js"></script>
<script type="text/javascript" src="js/search.js"></script>
<script type="text/javascript" src="js/banche.js"></script>
<script type="text/javascript" src="js/login.js"></script>

</body>

</html>